<script setup lang="ts">
defineProps<{ msg: string }>();

const count = ref(0);

onMounted(async () => {
  const response = await fetch("/api/user/info", {
    method: "get",
    headers: {
      Authorization: "Bearer " + "Admin Token",
    },
  });
  const res = await response.json();
  console.log(res, "1111111111111111");
});
</script>

<template>
  <h1 class="text-red-500">{{ msg }}</h1>

  <div class="card">
    <button type="button" @click="count++">count is {{ count }}</button>
    <p>
      Edit
      <code>components/HelloWorld.vue</code>
      to test HMR
    </p>
  </div>

  <div class="w-full h-full flex flex-col justify-start items-start">
    <!--  name参数这里填写图标文件名不需要加上svg  -->
    <svg-icon name="copyright" custom-class="text-blue-500" />
    <svg-icon prefix="ep" name="add-location" custom-class="text-blue-500" />
    <svg-icon prefix="ep" name="aim" custom-class="text-blue-500" />
    <svg-icon prefix="mdi" name="account-alert" custom-class="text-blue-500" />
    <svg-icon prefix="ant-design" name="alipay-circle-filled" custom-class="text-blue-500" />
  </div>

  <el-icon>
    <i class="i-ep:document"></i>
  </el-icon>

  <i class="i-ep:add-location w-[24px] h-[24px]"></i>
  <i class="i-ep:aim w-[24px] h-[24px]"></i>
  <i class="i-mdi:account-alert w-[24px] h-[24px]"></i>
  <i class="i-ant-design:alipay-circle-filled w-[24px] h-[24px]"></i>

  <p>
    Check out
    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>
    , the official Vue + Vite starter
  </p>
  <p>
    Learn more about IDE Support for Vue in the
    <a href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support" target="_blank">
      Vue Docs Scaling up Guide
    </a>
    .
  </p>
  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>

<style scoped lang="scss">
.card {
  button {
    background-color: aqua;
  }
}
</style>
